<template>
  <div>
    <Form :label-width="90">
      <FormItem label="图表渲染模式">
        <Tooltip class="w-full"
                 content="Canvas作为默认渲染模式，更适合绘制图形元素数量非常大（这一般是由数据量大导致）的图表，同时也更利于实现某些视觉特效；SVG它的内存占用更低、渲染性能略高，并且用户使用浏览器内置的缩放功能时图形元素不会模糊，在移动端下使用SVG模式更为友好"
                 :max-width="300" placement="left-end">
          <Select :transfer="true" size="small" v-model="compConfigData.renderer">
            <Option :value="'canvas'">CANVAS</Option>
            <Option :value="'svg'">SVG</Option>
          </Select>
        </Tooltip>
      </FormItem>
    </Form>
  </div>
</template>

<script>
export default {
  name: "EchartsOtherConfigForm",
  props: {
    value: {
      type: Object,
      default () {
        return {}
      }
    },
  },
  data() {
    return {
      compConfigData: this.value
    }
  },
  mounted() {

  },
  methods: {},
  computed: {},
  watch: {
    value (val) {
      this.grid = val;
    }
  }
}
</script>

<style scoped>

</style>
